<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui" 
                xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
                template="principalProyecto.xhtml" >
    
<ui:define name="htmlPaso">
    <h:form id="formDefineCuestionarioEvaluado">
        
        <h1>4. Relaciona los cuestionarios con los evaluados</h1>
        
        <p:separator/>
        
        <h:panelGrid columns="1" >

            <p:row/>
            <p:outputLabel value="Define con que cuestionarios seran calificados tus evaluados." />
            <p:row/>
            
            <h3>Lista de evaluados</h3>
            
            <p:panel>
                
                <p:growl id="growl" showDetail="true" />
                
                <p:outputLabel value="Recuerda que es necesario haber verificado al menos un evaluado y tener cuestionarios creados." />
                
                <br/><br/>
                
                <p:panelGrid columns="2" >
                    <f:facet name="header">
                        <p:outputLabel value="Resumen" />
                    </f:facet>
                    <p:outputLabel value="Total de evaluados : "/> 
                    <p:outputLabel value="#{defineCuesEvaView.intCantidadTotalEvados}" />
                    <p:outputLabel value="Evaluados verificados : "/>
                    <p:outputLabel value="#{defineCuesEvaView.intCantidadEvadosVeri}" />
                    <p:outputLabel value="Evaluados sin verificar : "/>
                    <p:outputLabel value="#{defineCuesEvaView.intCantidadEvadosNVeri}" />
                    <p:outputLabel value="Cuestionarios usables : "/>
                    <p:outputLabel value="#{defineCuesEvaView.intCantidadCuesConf}" />
                    <p:outputLabel value="Cuestionarios sin confirmar : "/>
                    <p:outputLabel value="#{defineCuesEvaView.intCantidadCuesNConf}" />
                    <p:outputLabel value="Evaluados con cuestionario : "/>
                    <p:outputLabel value="#{defineCuesEvaView.intCantidadCuesNConf}" />
                </p:panelGrid>
                
                <br/>
                
                <p:dataTable 
                            id="idEvaluados"
                            var="evaluado" 
                            widgetVar="idEvaluados"
                            value="#{defineCuesEvaView.lstEvaluados}" 
                            rows="50"
                            paginator="true" 
                            resizableColumns="true"
                            paginatorPosition="bottom"
                            paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                            rowsPerPageTemplate="5,10,15,20"
                            emptyMessage="#{msg['pendientes.proy.lst.sin']}" 
                            rowKey="#{evaluado.intIdEvaluado}"
                            style="width: 100%; min-width: 600px;"
                            rowStyleClass="${evaluado.intIdCuestionario>0?'filaSeleccionada':null}" >  

                    <p:column headerText="Nombre completo" >
                        <h:outputText value="#{evaluado.strDescNombre}" />
                    </p:column>

                    <p:column headerText="Correo electronico" >
                        <h:outputText value="#{evaluado.strCorreo}" />
                    </p:column>

                    <p:column headerText="Cargo" >
                        <h:outputText value="#{evaluado.strCargo}" />
                    </p:column>

                    <p:column headerText="Estado evaluado" style="text-align: center;" >
                        <h:outputText value="#{evaluado.strEstadoEvaluado}" />
                    </p:column> 

                    <p:column headerText="Estado seleccion" style="text-align: center;" >
                        <h:outputText value="#{evaluado.strEstadoSel}" />
                    </p:column>

                    <p:column headerText="Cuestionario">
                        <h:selectOneMenu value="#{evaluado.intIdCuestionario}" disabled="${evaluado.intIdEstadoSel==65?true:false}" style="width:100%" >
                           <f:selectItems value="#{defineCuesEvaView.lstCuestionarios}" var="cues" itemLabel="#{cues.cuTxDescripcion}" itemValue="#{cues.cuIdCuestionarioPk}" />
                           <p:ajax update="idEvaluados" />
                       </h:selectOneMenu>
                    </p:column>


                </p:dataTable>
                
                <f:facet name="footer">
                    <p:column>
                        <p:commandButton value="Grabar selección" update="growl" actionListener="#{defineCuesEvaView.guardarRelacionCuestionarios}" disabled="#{defineCuesEvaView.intItEstadoProyecto==37?true:(defineCuesEvaView.lstEvaluados.size()==0 or defineCuesEvaView.lstCuestionarios.size()==1)?true:false}" />
                    </p:column>
                </f:facet>
                    
            </p:panel>
        </h:panelGrid>
    </h:form>
</ui:define>
</ui:composition>